<template>
  <div class="app">
    <au-header></au-header>
    <div class="pageHome">
      <!--设置-->
      <au-setting v-if="config.showSetting">
        <setting></setting>
      </au-setting>
      <!--主内容-->
      <home v-else></home>
    </div>
  </div>
</template>

<script>
import AuHeader from "@/components/auHeader";
import Home from "@/views/Home";
import AuSetting from "@/components/auSetting";
import {mapState} from "vuex";
import Setting from './views/Setting.vue';

export default {
  components: {AuSetting, Home, AuHeader,Setting},
  computed:{
    ...mapState({
      config:(state)=>state.config,
    })
  },
}
</script>

<style lang="scss" scoped>
@import "style/global";
.app{
  height: 100vh;
  width: 100vw;
  overflow: hidden;
  background: #ffffff;
  border: 1px solid #efefef;
  border-radius: 8px;
  box-sizing: border-box;
}
.pageHome{
  height: calc(100vh - #{$header-height});
  overflow: auto;
  position: fixed;
  z-index: 999;
  top: $header-height;
  left: 0;
}
</style>
